Skip to content

Conversation

@alexandersandberg
Copy link
Member

Adds an underline to links in callout blocks to make it more obvious that they are links.

Motivation:

It's really difficult to tell that there are two links here.

For UX reference, see Affordances.

Affordances are the characteristics or properties of an object that suggest how it can be used. It shows a user that an object can be interacted with.

Currently, there are no affordances on these links other than the verb in the text suggesting an action.

This PR adds an underline to the links to make them appear more like links.

Notes:

  • I decided to not add a hover effect as we don't have that elsewhere either
  • We may want to look over other links on the website as well and consider adopting this underline as purely distinguishing a link by color is not ideal due to varying color perception abilities among visitors

Modifications:

  • Added an underline to the callout block links

Result:

Before After
CleanShot 2025-06-03 at 09 19 20 CleanShot 2025-06-03 at 09 18 51

@federicobucchi federicobucchi merged commit 4d4f6f6 into redesign Jun 3, 2025
4 checks passed
@federicobucchi federicobucchi deleted the alexandersandberg/callout-links-underline branch June 3, 2025 18:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants